<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.jspx" />
		</ui:define>
		<br />
		<br />

		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Cargando..."
					draggable="false" closable="false">
					<p:graphicImage
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
				</p:dialog>

				<h:form>
					<div align="center">
						<h:link id="cmdBack" outcome="goInitialMenu" value="Back"
							style="color:blue;" />
					</div>
					<br />
					<p:panel id="msgProjectColegioTitle" header="Colegio">
						<p:messages id="msg" showDetail="true" />
						<p:growl id="men" />
						<h:panelGrid columns="2" id="panel">
							<h:outputText id="msgColecoddanen" value=" DANE" />
							<p:inputText id="txtColecoddanen"
								binding="#{colegioView.txtColecoddanen}">
								<p:ajax update="panel,msg,panelBotones,cmbCiudades"
									listener="#{colegioView.listener_txtDane}" />
							</p:inputText>
							<h:outputText id="msgColedescripv" value=" Nombre" />
							<p:inputText id="txtColedescripv" disabled="true"
								binding="#{colegioView.txtColedescripv}" />

							<h:outputText value="Departamento: " />
							<p:selectOneMenu id="cmbDptos" binding="#{colegioView.dpto}" value="#{colegioView.dptoSelect}"
								styleClass="inputstyle">
								<f:selectItem itemLabel="Seleccione Uno" itemValue="0" />
								<f:selectItems value="#{colegioView.listDpto}" var="dpto"
									itemLabel="#{dpto.lugadescripv}" itemValue="#{dpto.lugaidn}" />
								<p:ajax event="change" listener="#{colegioView.listener_CmbDpto}"
									update="cmbCiudades" />
							</p:selectOneMenu>

							<h:outputText value="Ciudad: " />
							<p:selectOneMenu id="cmbCiudades" binding="#{colegioView.ciudad}" effect="drop" value="#{colegioView.ciuSelect}">
								<f:selectItem itemLabel="Seleccione Uno" itemValue="0" /> 
								  <f:selectItems value="#{colegioView.listCiudad}" />
							</p:selectOneMenu>

						</h:panelGrid>

						<h:panelGrid id="panelBotones" columns="4">

							<p:commandButton id="btnSave" disabled="true" value="Guardar"
								action="#{colegioView.action_save}"
								update="msg,panel,panelBotones" binding="#{colegioView.btnSave}" />
							<p:commandButton id="btnModify" disabled="true" value="Modificar"
								action="#{colegioView.action_modify}"
								update="msg,panel,panelBotones"
								binding="#{colegioView.btnModify}" />
							<p:commandButton id="btnDelete" disabled="true" value="Borrar"
								action="#{colegioView.action_delete}"
								update="msg,panel,panelBotones"
								binding="#{colegioView.btnDelete}"
								onclick="javaScript:return confirm('Realmente Desea Borrar Este Colegio?');" />
							<p:commandButton id="btnClear" disabled="false" value="Limpiar"
								action="#{colegioView.action_clear}"
								update="msg,panel,panelBotones"
								binding="#{colegioView.btnClear}" />

						</h:panelGrid>

					</p:panel>

				</h:form>
			</f:view>
		</ui:define>

		<ui:define name="footer">
			<ui:include src="/WEB-INF/facelets/footer.jspx" />
		</ui:define>
	</ui:composition>
</h:body>

</html>
